<!DOCTYPE html <!-- saved from url=(0042)flipin.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>老年宝——发布订单</title>
		<link href="css/demo.css" rel="stylesheet" type="text/css">
		<!--Framework-->
		<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
		<script src="js1/jquery-ui.js" type="text/javascript"></script>
		<!--End Framework-->
		<script src="js/jquery.ffform.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#form').ffform({
					animation: 'flip',
					submitButton: '#submit',
					validationIndicator: '#validation',
					errorIndicator: '#error',
					successIndicator: '#success',
					'fields': [{
						'id': 'name',
						required: true,
						requiredMsg: 'Name is required',
						type: 'alpha',
						validate: true,
						msg: 'Invalid Name'
					}, {
						'id': 'email',
						required: true,
						requiredMsg: 'E-Mail is required',
						type: 'email',
						validate: true,
						msg: 'Invalid E-Mail Address'
					}, {
						'id': 'phone',
						required: false,
						type: 'custom',
						validate: false,
						msg: 'Invalid Phone #'
					}, {
						'id': 'message',
						required: false,
						type: 'text',
						validate: false,
						msg: ''
					}]
				});
			});
		</script>
	</head>
	<body>
		<div class="demos-buttons">
			<h3>更多家政服务</h3>
			<a href="order.html" class="submit active">保姆</a><br />
			<a href="order.html" class="submit">月嫂</a> 
			<a href="order.html" class="submit">家电清洗</a>
			<br>
			<a href="order.html" class="submit">临时钟点工</a> 
			<a href="order.html" class="submit">长期钟点工</a><br>
			<a href="order.html" class="submit">家电维修</a>
			<br>
			<a href="order.html" class="submit">护工</a><br>
			<a href="order.html" class="submit">皮具护理</a><br>
			<a href="order.html" class="submit">居家便民</a><br>
			<a href="order.html" class="submit">居家保养</a>
		</div>
		<section id="getintouch">
			<div class="container" style="border-bottom: 0;">
				<h1>
					<span>您可以自主发布任务需求！</span>
				</h1>
			</div>
			<div class="container">
				<form class="contact" action="#" method="post" id="form">
					<div class="row clearfix">
						<div class="lbl">
							<label for="name">
								姓名</label>
						</div>
						<div class="ctrl">
							<input type="text" id="name" name="name" data-required="true" data-validation="text"
								data-msg="Invalid Name" placeholder="例如: 孙女士">
						</div>
					</div>
					<div class="row clearfix">
						<div class="lbl">
							<label for="email">
								邮箱</label>
						</div>
						<div class="ctrl">
							<input type="text" id="email" name="email" data-required="true" data-validation="email"
								data-msg="Invalid E-Mail" placeholder="例如: youremail@domain.com">
						</div>
					</div>
					<div class="row clearfix">
						<div class="lbl">
							<label for="email">
								联系方式</label>
						</div>
						<div class="ctrl">
							<input type="text" id="phone" name="phone" data-required="true" data-validation="custom"
								data-msg="Invalid Phone #" placeholder="例如: 111-258-444">
						</div>
					</div>
					<div class="row clearfix">
						<div class="lbl">
							<label for="subject">
								服务类型</label>
						</div>
						<div class="ctrl">
							<input type="text" name="subject" id="subject" placeholder="例如：修理家电">
						</div>
					</div>
					<div class="row clearfix">
						<div class="lbl">
							<label for="message">
							更多详细信息</label>
						</div>
						<div class="ctrl">
							<textarea id="message" name="message" rows="6" cols="10"></textarea>
						</div>
					</div>
					<div class="row  clearfix">
						<div class="span10 offset2">
							<input type="submit" name="submit" id="submit" class="submit" value="发布任务">
						</div>
					</div>
				</form>
				<div id="success">
					发布任务成功!</div>
				<div id="error">
					未成功发布任务！</div>
				<div id="validation">
				</div>
			</div>
		</section>
		<style>
			.copyrights {
				text-indent: -9999px;
				height: 0;
				line-height: 0;
				font-size: 0;
				overflow: hidden;
			}
		</style>
	</body>
</html>
